<template>
	<view class="dehead">
		<view class="head">
			<navigator url="../../pages/found/found" open-type="switchTab">
				<cover-image src="./images/返回.png" class="icback"></cover-image>
			</navigator>
			<p>歌单</p>
			<van-icon name="search" class="icsear" size='20px'/>
			<cover-image src="./images/ellipsis-v.png" class="icshow"></cover-image>
		</view>
	</view>
</template>

<script setup>
	import { showToast } from 'vant';
	const onClickLeft = () => history.back();
	const onClickRight = () => showToast('按钮');
</script>

<style lang="scss" scoped>
	.dehead{
		width: 100%;
		height: 60px;
		z-index: 100px;
		// background:linear-gradient(rgb(164,123,93),rgb(164,123,93)) ;
		.head{
			width: 720px;
			height: 100%;
			margin: auto;
			// border: 1px solid black;
			display: flex;
			.icback{
				width: 25px;
				height: 25px;
				margin-left: 10px;
				margin-top: 15px;
			}
			>p{
				width: 100px;
				padding-left: 30px;
				color: white;
				margin-top: 15px;
			}
			.icsear{
				color: white;
				padding-left: 470px;
				line-height: 60px;
			}
			.icshow{
				width: 25px;
				height: 25px;
				margin-left: 20px;
				margin-top: 15px;
			}
		}
	}
</style>